@import url(./base.less);

body{
  background-color: #fafafa;
}
.header{
  height: 36.5333vw;
  display: flex;
  align-items: center;
  background: url(../imgs/user-header2.png); 

  .header_dl{
    display: flex;
    .tx{
      margin-left: 8vw;
      width: 13.8667vw;
      height: 13.8667vw;
      
      img{
        width: 100%;
        height: 100%;
        border-radius: 50%;
      }
    }
    .denglu{
          height: 13.8667vw;
          padding-left: 2.6667vw;
          .wei{
            font-size: 4.5333vw;
            color: #c59a46;
            font-weight: 600;
            
          }
          .dian{
            font-size: 4vw;
             color: #c59a46;
             margin-top: 2.1333vw;
          }
      }
  }
}

.nav{
  height: 24.2667vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  .zhanghu{
    display: flex;
    width: 70%;
   
    a{
      width: 33.3%;
      height: 60%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      span{
        color: red;
        height: 3i0px;
        font-size: 5.3333vw;
      }
      &:nth-child(3){
        border-right: 0.2667vw solid #f6f6f6;
      }
      p{
        font-size: 3.7333vw;
      }
    }
    
  }
  .qianbao{
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    span{
      font-size: 6.8667vw;
      margin-bottom: 1.3333vw;
    }
    p{
      font-size: 3.7333vw;
    }
  }
}
.nava{
  height: 16vw;
  margin: 2.6667vw;
  background-color: #fff;
  display: flex;
  a{
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    span{
      font-size: 5.8667vw;
    }
    p{
      font-size: 3.7333vw;
      margin-top: 1.3333vw;
    }
  }
}
.navb{
  height: 46.6667vw;
  margin: 1.3333vw 2.6667vw;
  background-color: #fff;
  .navb_title{
    height: 5.3333vw;
    padding-top: 1.3333vw;
    margin: 2.6667vw ;
  }
  .navb_nav{
    display: flex;
    align-content:space-around;
    height: 36.6667vw;
    flex-wrap: wrap;
    a{
      width: 25%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      span{
        font-size: 5.8667vw;
        color: red;
      }
      p{
        font-size: 3.7333vw;
        margin-top: 1.3333vw;
      }
    }
  }
}
.nav_footer{
  width: 30vw;
  height: 10.6667vw;
  line-height: 10.6667vw;
  text-align: center;
  background-color: #fff;
  border: 1px solid #dadce0;
  border-radius: 2.6667vw;
  margin-top: 4.6667vw;
  margin-left: 50%;
  transform: translate(-50%);
}